import React, { Component } from 'react';
import banner1 from '../../static/images/banner1.png'
import banner2 from '../../static/images/banner2.png'
import banner3 from '../../static/images/banner3.png'
import banner4 from '../../static/images/banner4.png'
import banner5 from '../../static/images/banner5.png'
import banner6 from '../../static/images/banner6.png'
import {Carousel } from 'antd';

class Swiper extends Component {
    constructor(props){
        super(props)
        this.state={
            banner:[banner1,banner2,banner3,banner4,banner5,banner6],
        }
    }
    render() {
        return (
            <div>
               <Carousel autoplay>
                {
                    this.state.banner.map((item,index)=>{
                        return <img src={item} alt="" key={index}/>
                    })
                }
              </Carousel> 
            </div>
        );
    }
}

export default Swiper;